<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>表格行管理</title>
</head>
<body>
  <div align="center">
    <input type="button" value="添加行" onclick="addRow()">
    <input type="button" value="移除行" onclick="removeRow()">
    <br>
    注：表格每一行的单元格数量均为4个。
    <br>
    <table id="table0" style="border-collapse: collapse"></table>
  </div>
</body>
<script>
  var t = document.getElementById("table0");
  t.width = "300";//设置表格的宽度
  t.border = "1";//设置表格的边框宽度
  var i, j = 0;
  function addRow() {
    var r = t.insertRow();//为表格添加行
    r.height = "75";
    for (i = 0; i < 4; i++) {
      var c = r.insertCell(i);//为行r添加单元格
      c.width = "75";//设置单元格的宽度
      j++;
      c.innerText = j.toString();
    }
  }
  function removeRow() {
    if (t.rows.length > 0) {
      t.deleteRow(t.rows.length - 1);//删除表格的指定行
      j -= 4;
    }
  }
</script>
</html>